/* stylelint-disable */
.tabs {
    margin: 0 -16px;
    overflow: visible;

    :global {
        // 解决ie11出现横向长滚动的问题
        .ant-tabs-content {
            &.ant-tabs-content-animated {
                &.ant-tabs-top-content {
                    overflow-x: hidden;
                }
            }
        }
        .ant-tabs-bar {
            padding: 0 24px;
            margin-bottom: 0;
        }

        .ant-tabs-tab {
            padding-top: 0;

            &.ant-tabs-tab-active {
                //border-bottom: 2px solid #FFA22D;
            }
        }

        .ant-tabs-extra-content {
            position: relative;
            top: 8px;
            line-height: normal;
        }
    }
}

.card {
    :global {
        .ant-card-head-title {
            font-weight: bold;
            color: rgba(0, 0, 0, 0.85);
            margin: 32px 0 0 0;
            padding: 0;
        }

        .ant-card {
            // margin: 0 -16px;

            &:after {
                content: '';
                height: 1px;
                background: rgba(0, 0, 0, 0.08);
                display: block;
                margin: 16px 24px 0 24px;
            }

            &:last-child {
                &:after {
                    display: none;
                }
            }
        }

        .ant-card-head {
            border: none;
            min-height: 0;
        }

        // .ant-card-body{
        //     padding:0 30px 30px;
        // }
        .form-box {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
    }
}

@media screen and (min-device-pixel-ratio: 2) {
    .card {
        :global {
            .ant-card {
                &:after {
                    transform: scaleY(0.5);
                }
            }
        }
    }
}

@media screen and (min-device-pixel-ratio: 1.25), (-webkit-min-device-pixel-ratio: 1.25) {
    .card {
        :global {
            .ant-card {
                &:after {
                    transform: scaleY(0.8);
                }
            }
        }
    }
}

@media screen and (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5) {
    .card {
        :global {
            .ant-card {
                &:after {
                    transform: scaleY(0.666666);
                }
            }
        }
    }
}
